import {Ref, ref} from "vue";

export default function (){

    const disableItemObj = {
        bool: true,
        tip: '无需输入',
        prefixIcon: 'layui-icon-disabled'
    }

    const unDisableItemObj = {
        bool: false,
        tip: '',
        prefixIcon: ''
    }


    const disableItem = ref({
        bool: false,
        tip: '',
        prefixIcon: ''
    })

    // 切换菜单类型
    const changeMenuType = function (menuType: string) {
        if (menuType === 'd' || menuType === 'b') {
            disableItem.value = Object.assign({}, disableItemObj);
        }else {
            disableItem.value = Object.assign({}, unDisableItemObj);
        }
    };

    const toReset = (queryRef1:Ref,fn?:Function)=> {
        ref(queryRef1).value.reset();
        if (fn !== undefined) {
            fn();
        }
    }

    // 弹出框控制
    const visible = ref(false);
    const changeVisible = () => {
        visible.value = !visible.value;
    }

    return {
        disableItemObj,unDisableItemObj,changeMenuType,disableItem: disableItem,toReset,changeVisible,visible
    }

}